<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/main.css" rel="stylesheet" />

</head>
<body>
    <div class="headerBar">
        <!--收藏top开始-->
        <div class="topBar">
            <div class="comWidth">
                <div class="leftArea">
                    <a href="#" class="collection">收藏本站</a>
                </div>
                <div class="rightArea">
                    欢迎来到龙dsad龙商城！
                    <a href="#" class="">[登录]</a>
                    <a href="#" class="">[免费注册]</a>
                </div>
            </div>
        </div>
        <!--收藏top结束-->

        <!--logoBar-->
        <div class="logoBar">
            <div class="comWidth">
                <div class="logo fl">
                    <a href="#">
                        <img src="img/logo.png" alt="商城">
                    </a>

                </div>
                <div class="search_box fl">
                    <input type="text" class="search_text fl">
                    <input type="button" value="搜 索" class="search_btn fr">
                </div>
                <div class="shopCar fr">
                    <span class="shopText fl">购物车</span>
                    <span class="shopNum fl">1</span>
                </div>
            </div>
        </div>
        <!--logoBar结束-->
        <div class="navBox">
            <div class="comWidth">
                <div class="shopClass fl">
                    <h3>全部商品分类 <i></i></h3>
                    <!--暂缺列表-->
                    <div class="shopClass_show show">
                        <dl class="shopClass_show_item">
                            <dt>
                                <a href="" class="b">手机</a>
                                <a href="" class="b">数码</a>
                                <a href="" class="alink">合约机</a>
                            </dt>
                            <dd>

                                <a href="">荣耀3X</a>
                                <a href="">单反</a>
                                <a href="">智能设备</a>
                            </dd>
                        </dl>
                        <dl class="shopClass_show_item ">
                            <dt>
                                <a href="" class="b">电脑</a>
                                <a href="" class="b">硬件外设</a>
                                <a href="" class="alink">装机宝</a>
                            </dt>
                            <dd>

                                <a href="">笔记本</a>
                                <a href="">台式机</a>
                                <a href="">超级本</a>
                                <a href="">平板</a>
                            </dd>
                        </dl>
                        <dl class="shopClass_show_item " >
                            <dt>
                                <a href="" class="b">大家电</a>
                            </dt>
                            <dd>

                                <a href="">电视</a>
                                <a href="">空调</a>
                                <a href="">冰箱</a>
                                <a href="">洗衣机</a>
                            </dd>
                        </dl>
                        <dl class="shopClass_show_item">
                            <dt>
                                <a href="" class="b">厨房电器</a>
                                <a href="" class="b">生活电器</a>

                            </dt>
                            <dd>

                                <a href="">空气净化器</a>
                                <a href="">微波炉</a>
                                <a href="">取暖设备</a>
                            </dd>
                        </dl>
                        <dl class="shopClass_show_item">
                            <dt>
                                <a href="" class="b">食品/饮料/生鲜</a>
                                <a href="" class="alink">粮油</a>
                            </dt>
                            <dd>

                                <a href="">进口</a>
                                <a href="">方便面</a>
                                <a href="">零食</a>
                                <a href="">保健</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="shopClass_list hide">
                        <div class="shopClass_cont">
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>

                                </dd>
                            </dl>
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                </dd>
                            </dl>
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                </dd>
                            </dl>
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>
                                    <a href="">平板电脑</a>
                                    <a href="">台式机</a>
                                </dd>
                            </dl>
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>

                                </dd>
                            </dl>
                            <dl class="shopList_item">
                                <dt>
                                    电脑整机
                                </dt>
                                <dd>

                                    <a href="">笔记本</a>
                                    <a href="">超极本</a>
                                    <a href="">上网本</a>

                                </dd>
                            </dl>
                            <div class="shoplist_alink">
                                <a href="">电脑整机频道<i></i></a>
                                <a href="">电脑整机频道<i></i></a>
                            </div>

                        </div>
                    </div>

                </div>
                <ul class="nav fl">
                    <li ><a href="#" class="active">数码城</a></li>
                    <li><a href="#">天黑黑</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">发现</a></li>
                    <li><a href="#">二手特卖</a></li>
                    <li><a href="#">名品会</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="comWidth banner clearfix">
        <div class="banner_bar banner_big">
                <ul class="imgBox">
                    <li>
                        <a href="">
                            <img src="img/banner/banner_01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/banner/banner_02.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="imgNum">
                    <a class="active" href=""></a>
                    <a class="" href=""></a>
                </div>
        </div>
    </div>
    <div class="shopTit comWidth">
        <span class="icon"></span>
        <h3>家用电脑</h3>
        <a href="" class="more">更多&gt;&gt;</a>
    </div>
    <div class="shopList comWidth clearfix">
        <div class="leftArea">
            <div class="banner_bar banner_sm">
                <ul class="imgBox">
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_02.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="imgNum">
                    <a class="active" href=""></a>
                    <a class="" href=""></a>
                </div>
            </div>
        </div>
        <div class="rightArea">
            <div class="shopList_top clearfix">
               <div class="shop_item">
                   <div class="shop_img">
                       <a href="">
                           <img src="img/shopImg.jpg" alt="">
                       </a>
                       <h3>HTC新渴望8xilie</h3>
                       <p>1988元</p>
                    </div>
               </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
            </div>
            <div class="shopList_sm clearfix">
                <div class="shopItem_sm">
                     <div class="shopItem_smImg">
                            <a href="">
                                <img src="img/shopImg.jpg" alt="">
                            </a>
                     </div>
                     <div class="shopItem_text">
                         <p>NFC技术一碰轻松配对!接触屏幕</p>
                         <h3>￥149.00元</h3>
                     </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="shopTit comWidth">
        <span class="icon"></span>
        <h3>大家电</h3>
        <a href="" class="more">更多&gt;&gt;</a>
    </div>
    <div class="shopList comWidth clearfix">
        <div class="leftArea">
            <div class="banner_bar banner_sm">
                <ul class="imgBox">
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_02.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="imgNum">
                    <a class="active" href=""></a>
                    <a class="" href=""></a>
                </div>
            </div>
        </div>
        <div class="rightArea">
            <div class="shopList_top clearfix">
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
            </div>
            <div class="shopList_sm clearfix">
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="shopTit comWidth">
        <span class="icon"></span>
        <h3>生活电器</h3>
        <a href="" class="more">更多&gt;&gt;</a>
    </div>
    <div class="shopList comWidth clearfix">
        <div class="leftArea">
            <div class="banner_bar banner_sm">
                <ul class="imgBox">
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="img/banner/banner_sm_02.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="imgNum">
                    <a class="active" href=""></a>
                    <a class="" href=""></a>
                </div>
            </div>
        </div>
        <div class="rightArea">
            <div class="shopList_top clearfix">
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
                <div class="shop_item">
                    <div class="shop_img">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                        <h3>HTC新渴望8xilie</h3>
                        <p>1988元</p>
                    </div>
                </div>
            </div>
            <div class="shopList_sm clearfix">
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
                <div class="shopItem_sm">
                    <div class="shopItem_smImg">
                        <a href="">
                            <img src="img/shopImg.jpg" alt="">
                        </a>
                    </div>
                    <div class="shopItem_text">
                        <p>NFC技术一碰轻松配对!接触屏幕</p>
                        <h3>￥149.00元</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--页面底部-->
    <div class="footer">
        <p>
            <a href="">商城简介</a><i>|</i>
            <a href="">商城公告</a><i>|</i>
            <a href="">人才招聘</a><i>|</i>
            <a href="">联系我们</a><i>|</i>
            <a href="">客服热线</a>
        </p>
        <p>Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;上海公安局龙龙分局备案编号：123456789123</p>
        <p class="web">
            <a href=""><img src="img/webLogo.jpg" alt=""></a>
            <a href=""><img src="img/webLogo.jpg" alt=""></a>
            <a href=""><img src="img/webLogo.jpg" alt=""></a>
            <a href=""><img src="img/webLogo.jpg" alt=""></a>
        </p>
    </div>
</body>
<script src="http://localhost:8080/webpack-dev-server.js"></script>
<script src="/dist/index.js"></script>
</html>